<template>
  <div id="app">
    <toolbar></toolbar>
    <notes-list></notes-list>
    <editor></editor>
  </div>
</template>

<script>
import toolbar from './components/Toolbar.vue'
import notesList from './components/NotesList.vue'
import editor from './components/Editor.vue'
export default {
  name: 'App',
  components: {
    toolbar,
    notesList,
    editor
  }
}
</script>

<style>
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300);
html, #app {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  border: 0;
  height: 100%;
  max-height: 100%;
  position: relative;
}
#note {
  height: 100%;
}
</style>
